<template>
  <el-dialog
    v-model="showDialog"
    :title="title"
    left
    :append-to-body="true"
    class="drag-dialog small-padding-dialog"
    width="60%"
    :before-close="closeDialog"
    :close-on-click-modal="false"
    destroy-on-close
    align-center
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { FormInstance } from 'element-plus'
import * as houseBookApi from '@/api/house/book'

const title = ref('新建图书外壳')
const showDialog = ref(false)

const form = ref({})

const formRef = ref<FormInstance>()

const openDialog = () => {
  showDialog.value = true
}
const closeDialog = () => {
  showDialog.value = false
  form.value = {}
}

defineExpose({
  openDialog
})
</script>
